// Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
// 
// Licensed under the Apache License, Version 2.0 (the "License");
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at
// 
//     http://www.apache.org/licenses/LICENSE-2.0
// 
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.

@use 'config';
@use 'sass:map';

.ranking {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;

  .option {
    height: 4rem;
    line-height: 4rem;
    padding-left: config.$gap;
    @include config.border-base(0.6rem);

    &:hover {
      border-color: map.get(config.$color, primary);
    }

    &.dragging {
      opacity: 0.6;
      cursor: grabbing;
      box-shadow: 0 0.4rem 0.8rem map.get(config.$color, shadow);
    }

    &.dragover {
      border-bottom: 0.4rem solid map.get(config.$color, primary);
    }
  }
}
